<template>
    <div class="main">
        <div class="up">
            <p><b>姓名：{{userData.username}}</b> </p> 
        </div>
        <div class="down">
            <p><b>工号：{{userData.id}}</b></p> 
        </div>
    </div>
</template>
<script>
export default {
    name: 'PersonalInformation',
    props: {
        userData: Object
    }
}

</script>
<style lang="less" scoped>
.main{
    width: 100px;
    height: 60px;
    margin: 5px 16px 5px 0;
    float: right;
}
.up{
    height: 50%;
    width: 100%;
    line-height: 30px;
}
.down{
    height: 50%;
    width: 100%;
    line-height: 30px;
}
</style>